<template>
	<movable-area style="height: calc(100vh - 44px - 180rpx); width: 100%;position: absolute;top: 44px;left: 0;pointer-events: none;" >
	  <movable-view style="height: 120rpx; width: 120rpx;pointer-events: auto;" :x='310' :y='450' direction="all">
		  <image src="https://jtmc.oss-cn-hangzhou.aliyuncs.com/h5-uniapp/h5-order/icon_ordered.png" style="height: 100%; width: 100%;" @tap="$u.throttle(toHadOrder, 500)"></image>
	  </movable-view>
	</movable-area> 
</template>

<script setup>
import { ref  } from 'vue'; 
    const props = defineProps({
    	handleFlag: {
    		type: Boolean, 
    		default: true
    	},
    }); 
	const toHadOrder = ()=> {
		if(!props.handleFlag){
			return
		} 
		// 已点订单
		uni.navigateTo({
			url:'/pagesOrder/view/orderHistory/index'
		})
	} 
</script>

<style>
</style>